/* Light Theme - Clean and Professional */
html.theme-light {
  // 基础色彩 - 明亮、干净
  --bg-color: #ffffff;
  --bg-color-page: #f8f9fa;
  --bg-color-secondary: #ffffff;
  --bg-color-light: #f8f9fa;
  --bg-color-dark: #e9ecef;
  --bg-color-disabled: #f1f3f5;
  --text-color: #212529;
  --text-color-primary: #212529;
  --text-color-secondary: #495057;
  --text-color-placeholder: #adb5bd;
  --text-color-disabled: #ced4da;
  --text-color-inverse: #ffffff;

  // 边框和分割线
  --border-color: #dee2e6;
  --border-color-light: #f1f3f5;
  --border-radius-base: 8px;

  // 主色调
  --primary-color: #007bff;
  --primary-color-rgb: 0, 123, 255;
  --secondary-color: #6c757d;
  --success-color: #28a745;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --error-color: #dc3545;
  --info-color: #17a2b8;

  // 组件背景
  --card-bg: var(--bg-color-secondary);
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --card-border: 1px solid var(--border-color);

  // 按钮状态
  --button-primary-bg: var(--primary-color);
  --button-primary-text: #ffffff;
  --button-primary-hover-bg: #0069d9;
  --button-secondary-bg: transparent;
  --button-secondary-border: var(--border-color);

  // 表单元素
  --input-bg: var(--bg-color-secondary);
  --input-border: var(--border-color);
  --input-focus-border: var(--primary-color);
  --input-placeholder: var(--text-color-placeholder);

  // 无障碍
  --focus-ring: 0 0 0 2px rgba(0, 123, 255, 0.25);
  --hover-overlay: rgba(0, 0, 0, 0.03);
  --active-overlay: rgba(0, 0, 0, 0.06);

  // 玻璃效果 (浅色模式下通常较弱)
  --backdrop-blur: 18px;
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(0, 0, 0, 0.08);

  // 禁用状态
  --disabled-bg-color: var(--bg-color-disabled);
  --disabled-border-color: var(--border-color);
  --disabled-text-color: var(--text-color-disabled);
  
  // 下拉组件
  --select-bg: var(--bg-color-secondary);
  --select-border-color: var(--border-color);
  --select-option-hover-bg: var(--bg-color-light);

  // 时间选择器
  --time-picker-bg: var(--bg-color-secondary);
  --time-picker-border-color: var(--border-color);
  --time-picker-cell-hover: var(--hover-overlay);

  // 滚动条
  --scrollbar-track: #f1f1f1;
  --scrollbar-thumb: #ced4da;
  --scrollbar-thumb-hover: #adb5bd;
  
  // 链接
  --link-color: var(--primary-color);
  --link-hover-color: #0056b3;
  --link-visited-color: #551a8b;
}

// 高对比度模式支持
@media (prefers-contrast: high) {
  html.theme-light {
    --text-color: #000000;
    --text-color-secondary: rgba(0, 0, 0, 0.8);
    --border-color: #555555;
    --primary-color: #0056b3;
  }
}

// 减少动画 - 无障碍考虑
@media (prefers-reduced-motion: reduce) {
  html.theme-light * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}